<!--
 * @Description: 
 * @Author: wlj
 * @Date: 2023-01-03 15:18:07
 * @LastEditors: wlj
 * @LastEditTime: 2023-01-04 14:31:07
 * @FilePath: \my-vite-app\src\components\common\404.vue
-->
<template>
  <div class="flex-middle">
    <a-result
      class="not-found"
      status="404"
      title="404"
      sub-title="抱歉，您访问的页面不存在。"
    >
      <template #extra>
        <a-button type="primary" @click="backTo"> 返回 </a-button>
      </template>
    </a-result>
  </div>
</template>
<script setup lang="ts">
const router = useRouter();

// 返回
const backTo = () => {
  router.go(-1);
};
</script>
<style scoped lang="less">
.flex-middle {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  place-items: center;
}
</style>
